.coupon-list{
  .no-use-coupon{
    padding: 0 25rpx;
    width: 100%;
    border-bottom: 1rpx solid #DDDDDD;
    border-top: 1rpx solid #DDDDDD;
    box-sizing: border-box;
    height: 100rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 32rpx;
    font-weight: bold;
    .no-use{
      width: 50rpx;
      margin-right: 33rpx;
    }
  }
  .list{
    padding: 0 25rpx;
    .item{
      margin-top: 40rpx;
      display: flex;
      width: 100%;
      height: 188rpx;
      border-radius: 14rpx;
      box-shadow:2rpx 2rpx 16rpx 5rpx rgba(1, 8, 28, 0.1);
      overflow: hidden;
      .coupon-rule{
        width: 220rpx;
        text-align: center;
        background:linear-gradient(-45deg,rgba(255,74,3,1),rgba(254,165,97,1));
        .num{
          color: #FFFFFF;
          font-size: 36rpx;
          margin-top: 30rpx;
          text{
            font-size: 72rpx;
            margin-left:-8rpx;
          }
        }
        .rule{
          margin-top:12rpx;
          font-size: 24rpx;
          color: #FFFFFF;
        }
        &.invalid{
          background:linear-gradient(-45deg,#797979,#adadad);
        }
      }
      .coupon-info{
        display: flex;
        .info{
          width: 350rpx;
          margin-left: 30rpx;
          position: relative;
        }
        .title{
          color: #101010;
          font-size: 32rpx;
          margin-top: 40rpx;
          line-height: 40rpx;
          word-break: break-all;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
          font-weight: bold;
        }
        .time{
          color: #9F9F9F;
          font-size: 24rpx;
          position: absolute;
          bottom: 28rpx;
          left: 0;
        }
        .no-use{
          width: 50rpx;
          margin-top:67rpx;
          margin-left:23rpx;
        }
      }
    }
  }
}
.no-bind-wrap{
  text-align: center;
  .img{
    width: 447rpx;
    margin: 98rpx 0 44rpx 0;
  }
  .txt{
    color: #333333;
    font-size: 30rpx;
    line-height: 52rpx;
  }
  .bind-btn{
    color: #151515;
    width: 460rpx;
    height: 80rpx;
    margin-top: 88rpx;
    background: #FFCC00;
    text-align: center;
    font-size: 30rpx;
    margin-left: 145rpx;
    line-height: 80rpx;
    border-radius: 10rpx;
  }
}
